<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="200px"></el-aside>
            <el-container>
                <el-header height="100px" style="color:#ffff">
                  <Header />
                </el-header>
                <el-main style="border: 2px solid #dcdfe6; border-radius: 4px; margin-right: 10px">
                  <router-view />
                </el-main>
                <el-footer height="150px">
                  <Footer />
                </el-footer>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import Header from "../../components/Main/Header.vue"
import Footer from "../../components/Main/Footer.vue"
export default {
    components: { Header, Footer },
    name: "Main"
}
</script>

<style>

</style>